import { createApp } from 'vue';

import App from './App.vue';
import 'vuetify/styles';
import GlobalHeader from '@/components/Index/GlobalHeader.vue';
import { createVuetify } from 'vuetify';
import * as components from 'vuetify/components';
import * as directives from 'vuetify/directives';
import router from './router/router.js'; // 导入路由配置
import { createPinia } from 'pinia'; // 导入 Pinia
import ElementPlus from 'element-plus'; // 引入 Element Plus
import 'element-plus/dist/index.css'; // 引入 Element Plus 的样式
import 'vuetify';

const app = createApp(App);
// 全局注册 GlobalHeader 组件
app.component('GlobalHeader', GlobalHeader);

const vuetify = createVuetify({
    components,
    directives,
});
const pinia = createPinia(); // 创建 Pinia 实例


// 按顺序注册插件
app.use(router); // 使用路由
app.use(vuetify); // 使用 Vuetify
app.use(pinia); // 使用 Pinia
app.use(ElementPlus); // 使用 Element Plus

// 最后挂载应用
app.mount('#app');